<template>
    <div class="advert w">
        <a v-for="(item,index) in list" :href="item.href">
            <img :src="item.src" alt="">
        </a>
    </div>
</template>

<script>
    export default {
        name: "Advert",
        data() {
            return {
                list: [
                    {
                        src: require("../assets/icon/advert/advert_1.png"),
                        href: "javascript:void(0);",
                    },{
                        src: require("../assets/icon/advert/advert_2.png"),
                        href: "javascript:void(0);",
                    },{
                        src: require("../assets/icon/advert/advert_3.png"),
                        href: "javascript:void(0);",
                    },{
                        src: require("../assets/icon/advert/advert_4.png"),
                        href: "javascript:void(0);",
                    },{
                        src: require("../assets/icon/advert/advert_5.png"),
                        href: "javascript:void(0);",
                    }
                ]
            }
        }
    }
</script>

<style scoped lang="less">
.advert {
    margin: 20px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    a {
        width: 208px;
        height: 240px;
        color: #337ab7;
        text-decoration: none;
        display: block;
        overflow: hidden;
        img {
            width: auto;
            height: 240px;
        }
    }
}
</style>
